<template>
  <div>
<h1>{{ msg}}</h1>
<button @click="rev">翻转</button>
  </div>
</template>

<script>
export default {

  data() {
    return {
      msg:'HELLO,WORLD'
    };
  },

  methods: {
rev(){
  //将msg转成数组
  const arr = this.msg.split('')
  //翻转所有元素
  //赋值给msg变量
  this.msg = arr.reverse().join('')
}
  },
};
</script>

<style lang="less" scoped>

</style>